<!DOCTYPE html>
<html>
<head>
	<meta charset=utf-8/>
	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
	<link rel="stylesheet" href="/assets/index.css" crossorigin="anonymous"/>
	<link rel="shortcut icon" href="/assets/favicon.png" crossorigin="anonymous"/>
	<script src="/assets/middleware.js" crossorigin="anonymous"></script>
	<title>[[ .title ]]</title>
</head>
<body>
<style type="text/css">
	html { font-family: "Open Sans", sans-serif; overflow: hidden; }
	body { margin: 0; background: #172a3a; }
</style>
<div id="root"/>
<script type="text/javascript">
	window.addEventListener('load', function (event) {
		const root = document.getElementById('root');
		root.classList.add('playgroundIn');
		const wsProto = location.protocol == 'https:' ? 'wss:' : 'ws:'
		GraphQLPlayground.init(root, {
			endpoint: location.protocol + '//' + location.host + '[[ .endpoint ]]',
			subscriptionsEndpoint: wsProto + '//' + location.host + '[[ .endpoint ]]',
           shareEnabled: true,
			settings: {
				'request.credentials': 'same-origin'
			}
		})
	})
</script>
</body>
</html>